*{
  margin: 0;
  padding: 0;
}
html,body{
  width: 100%;
  height: auto;
}
.container{
  width: 100%;
  height: auto;
  text-align: center;
}
.next-bg{
  width: 100%;
}
.img-intro-japan,.img-intro-balidao,.img-intro{
  width: 100%;
}
.img-intro{
  margin-top: 5px;
}
.return-index-btn{
  width: 23%;
  margin: 5px 0;
}
.img-intro-btn{
  width: 90%;
}
.vedio-play{
  width: 90%;
  display: none;
}
.vedio-box{
  background-color: green;
}

@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@-o-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.img-tip{
  position: absolute;
  top: 178vw;
  left: 36vw;
  display: none;
  -webkit-transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
}
